<layout name="layout" />
<div class="uk-grid">
    <div class="uk-width-1-2">
        <div class="uk-alert">Register a new account</div>
        <form class="uk-form uk-form-stacked" method="post" action="__CONTROLLER__/register">
            <fieldset data-uk-margin>
                <div class="uk-form-row">
                    <label class="uk-form-label"> Account(Email)</label>
                    <input class="uk-form-controls" type="text" required placeholder="" name="cs_email">
                </div>
                <div class="uk-form-row">
                    <label class="uk-form-label"> Password</label>
                    <input class="uk-form-controls" type="password" required name="cs_pwd" placeholder="">
                </div>
                <div class="uk-form-row">
                    <label class="uk-form-label">Confirm Password</label>
                    <input class="uk-form-controls" type="password" required name="confirm_pwd" placeholder="">
                </div>
                <div class="uk-form-row">
                    <label class="uk-form-label"> First Name</label>
                    <input class="uk-form-controls" type="text" required name="cs_firstname" placeholder="">
                </div>
                <div class="uk-form-row">
                    <label class="uk-form-label"> Last Name</label>
                    <input class="uk-form-controls" type="text" required name="cs_lastname" placeholder="">
                </div>
                <div class="uk-form-row">
                    <label class="uk-form-label"> Phone</label>
                    <input class="uk-form-controls" type="text" required name="cs_phone" placeholder="">
                </div>
                <div class="uk-form-row">
                    <label class="uk-form-label"> Birthday</label>
                    <input class="uk-form-controls" type="text" required name="cs_birthday" placeholder="">
                </div>
                <div class="uk-form-row">
                    <label class="uk-form-label"> Gender</label>
                    <div class="uk-form-controls uk-form-controls-text">
                        <label>
                            <input type="radio" name="gender" value="1" checked />&nbsp;Male</label>
                        <label>
                            <input type="radio" name="gender" value="0" />&nbsp;Female</label>
                    </div>
                </div>
                <div class="uk-form-row">
                    <button type="submit" class="uk-button uk-button-primary">Login</button>
                </div>
            </fieldset>
        </form>
    </div>
    <div class="uk-width-1-2">
        <div class="uk-alert">Login</div>
        <form class="uk-form uk-form-stacked" method="post" action="__CONTROLLER__/checkin">
            <fieldset data-uk-margin>
                <div class="uk-form-row">
                    <label class="uk-form-label"> Account(Email)</label>
                    <input class="uk-form-controls" type="email" required placeholder="" name="username">
                </div>
                <div class="uk-form-row">
                    <label class="uk-form-label"> Password</label>
                    <input class="uk-form-controls" type="password" required name="password" placeholder="">
                </div>
                <div class="uk-form-row uk-width-1-4">
                    <label class="uk-form-label"> Captcha</label>
                    <input type="text" placeholder="" name="verify" required>
                    <p>
                        <div verify-directive img-src="__CONTROLLER__/verify"></div>
                    </p>
                </div>
                <div class="uk-form-row">
                    <button type="submit" class="uk-button uk-button-primary">Login</button>
                </div>
            </fieldset>
        </form>
    </div>
</div>
